<template>
  <div>
    <div id="header">
      <img src="/img/logo2.png">
      <p>首页</p>
      <router-link to="/shouye"><p>电影</p></router-link>
      <router-link to="/yingyuan"><p>影院</p></router-link>
      <router-link to="/yanchu" @click.prevent="qingkong"><p>演出</p></router-link>
      <router-link to="/bangdan"><p>榜单</p></router-link>
      <router-link to="/redian"><p>热点</p></router-link>
      <router-link to="/shangcheng"><p>商城</p></router-link>
      <img src="/img/app.png">
      <input type="test" placeholder="找电影" v-model="fname">
      <p id="yuan" @click="mohuByName(fname)">s</p>
      <router-link to="/gerenzhongxin" @click.prevent="geren"><p id="geren">个人中心</p></router-link>
    </div>
    <router-view></router-view>
     <div id="footer" style="width: 100%;min-width: 1200px;background-color: black;">
        <p style="text-align: center;color: gainsboro;">关于猫眼 : 关于我们  管理团队  投资者关系      友情链接 : 美团网  格瓦拉  美团下载  欢喜首映<br>

            商务合作邮箱：v@maoyan.com 客服电话：10105335 违法和不良信息/涉未成年人有害信息举报电话：4006018900<br>

            用户举报/涉未成年人有害信息举报邮箱：tousujubao@meituan.com 舞弊线索举报邮箱：wubijubao@maoyan.com<br>

            中华人民共和国增值电信业务经营许可证 京B2-20190350  营业性演出许可证 京演（机构）（2019）4094号<br>

            广播电视节目制作经营许可证 （京）字第08478号  网络文化经营许可证 京网文（2019）3837-369号<br>

            猫眼用户服务协议  猫眼平台交易规则总则  隐私政策<br>

            京公网安备 11010102003232号  京ICP备16022489号-1<br>

            北京猫眼文化传媒有限公司<br>

            2021 猫眼电影 www.maoyan.com</p >
    </div>
  </div>
    
</template>
<script>
    import axios from 'axios'
// import { th } from 'element-plus/es/locale';
    export default {
      name: 'index',
      data(){
        return{
          fname:'',
    
        }
    
      },
      components: {
      },
      methods:{
        mohuByName(fname){
          this.$store.commit('sendName',fname);
          console.log("000");
          this.$router.push('/shouye');
          // console.log("sendFname",fname);
          // this.$store.commit('sendName',fname);
          // this.$router.push('/shouye');
            // this.$router.push({path: '/shouye', query: {sendFname: fname}})
        },
        qingkong(){
          this.$store.commit('filmId',"");
          this.$store.commit('sendCid',"");
          this.$router.push('/yanchu');
          
        },
        geren(){
          var user=JSON.parse(sessionStorage.getItem('myuser'));
        console.log(344,user);
          if(user==null){
            this.$router.push('/logn');
          }else{
          this.$router.push('/gjibenxinxi');
          }
          
          
        }
      }
    }
    </script>

<style scoped>
  *{
    padding: 0px;
    margin:0px;
  }
  #header{
    display: flex;
    height: 40px;
    border-top:solid 1px rgb(214, 214, 214);
    border-bottom:solid 5px rgb(214, 214, 214);
    padding: 20px;
    
    /* flex-direction: row; */
  }
  #header p{
    margin-left:20px ;
    height: 40px;
    display: flex;
    align-items: center;
  }

  #header img{
    margin-left:30px;
  }
  #header input{
    outline: none;
    background-color: rgb(247,245,225);
    border-radius: 50px;
    border:solid 1px red;
    padding-left:15px ;
    padding-right:45px ;
    margin-left:5px;
    box-sizing: border-box;
  }
  #yuan{
    background-color: red;
    border-radius: 40px;
    width: 40px;
    height: 40px;
    padding-left: 16px;
    padding-bottom: 6px;
    font-size: 20px;
    box-sizing: border-box;
    /* line-height: 40px; */
    position: relative;
    left: -60px;
   
  }
  #geren{
    position: relative;
    left: -45px;
  }

</style>